Querlesen
Einleitung
Kursbeschreibung
Kursbeschreibung
Projektkonzept
Other Books …
Other Books and So hieß eine ungewöhnliche Buchhandlung, die in den 1970er Jahren in Amsterdam eröffnete – ein Raum für Werke, die jenseits der herkömmlichen Definition von Büchern lagen, für »other books, non books, anti books, pseudo books, quasi books, concrete books, conceptual books, structural books, project books, plain books …«(*). Diese etwas skurrile Aufzählung von Ulises Carrión, der das Projekt initiierte, demonstriert nicht nur sein Interesse an experimentellen Büchern, sondern reflektiert das Bedürfnis einer gesamten Generation, das Buch aus der Enge konventioneller Strukturen zu lösen und völlig neu zu konzipieren.
Innovationen wie der Xerox-Kopierer beflügelten die Experimentierfreude, besonders bei Künstler:innen. Sie waren nun nicht länger an aufwendige, kostspielige Druckverfahren und etablierte Verlagshäuser oder Galerien gebunden. Stattdessen agierten sie gleichzeitig als Autor:innen, Gestalter:innen und Produzent:innen und stellten dabei die herkömmlichen Vorstellungen vom Buch auf den Kopf. Carrión brachte es auf den Punkt: »ein buch ist kein behälter für wörter … zeichensetzung, großbuchstaben, zeilenlänge … diese gepflogenheiten sind besonders schöne entdeckungen, aber wir beachten sie nicht mehr … das buch eine autonome raum-zeitfolge.«(*)
Was damals der Kopierer war, ist heute das Internet. Es eröffnet grenzenlose Möglichkeiten, uns auszudrücken, Wissen zu erlangen und uns zu entfalten. Dabei scheint das gedruckte Buch endgültig zu einem Überbleibsel längst vergangener Zeiten zu avancieren. Doch das von David Carson in den 1990er-Jahren prophezeite End of Print will trotzdem nicht eintreten. Einerseits gewinnt das Buch, das längst kein Massenprodukt mehr ist (oder sein muss), als wertvolles – und kostspieliges – Wissens- und Erinnerungsarchiv an Bedeutung. Anderseits bleibt es als einfache Publikation ein wichtiges Kommunikations- und Arbeitsmittel – zumal das schnelllebige Web alles zu verschlingen scheint. Vor diesem Hintergrund erschließen sich Gestalter:innen, oft in Zusammenarbeit mit Autor:innen und Programmierer:innen, ein neues Experimentierfeld – auf der Suche nach den offensichtlichen, aber auch potentiellen Synergien zwischen Web und Print.
An diesen Untersuchungen wollen wir uns beteiligen: Welche Rolle spielt das Buch im Verhältnis zum digitalen Raum? Wie können wir beides verbinden und wie kann beides voneinander profitieren?
Künstler:innen, Philosoph:innen und Gestalter:innen haben immer wieder Aufgabe, Funktion und Form des Buches in Frage gestellt und neu interpretiert – stets inspiriert durch Technik, Kunst und Wissenschaft. Auch wir wollen das Buch, ganz wie Carrión es getan hat, als eine strukturierte (und strukturierende) Raum-Zeit-Folge begreifen. Es gilt, die unterschiedlichen Perspektiven zu verstehen, um sie im digitalen Raum adaptieren und weiterentwickeln zu können. In diesem Sinne werden wir ausgewählte theoretische und gestalterische Ansätze sowie Diskurse aus vergangenen Epochen bis heute kennenlernen und für unsere Zwecke nutzen.
Unser Ziel ist es, gemeinsam eine Text- und Bildsammlung über das (analoge wie digitale) Büchermachen zusammenzustellen, die uns inhaltlich und formal während des Entwurfs- und Produktionsprozesses begleitet – vom Print zum Web – und zurück.
Inspiriert von Carríons Ideen heißt unser Kurs Other Books and Code und widmet sich der (immer wieder) neuen Kunst, Bücher zu machen, die wir sowohl als Website wie auch – letztendlich daraus abgeleitet – in gedruckter Form veröffentlichen wollen.

(*) Ulises Carrión, Other Books and So und The New Art of Making Books, 1975
… and Code
Der Computer revolutionierte das Grafikdesign nicht nur als Gestaltungswerkzeug – mit dem Aufkommen des www bot sich ein völlig neuer Raum, der wiederum Anwendungsfeld für Grafikdesign wurde. In diesem digitalen Raum herrschen zunächst dieselben Lesegewohnheiten, die zuvor in fünf Jahrhunderten Buchgestaltung etabliert wurden. Schriftart und -größe, sowie Zeilenabstand und Satzbreite sind auch hier die wesentlichen Parameter beim Gestalten.
Die Grundlage für das offene Internet als Ort des Informationsaustauschs und der Wissensvermittlung bildet die Verwendung von freier Software (FLOSS – Free/Libre and Open Source). So steht uns mit HTML/CSS ein freies Tool zur Verfügung, mit dem Texte gesetzt und andere Elemente im Raum angeordnet werden können – können wir dieses Konzept auch auf die Gestaltung von Büchern übertragen? Folgt Adobe InDesign nicht denselben Prinzipien? Texte werden strukturiert (Umbrüche/Absätze/Tags) und mit Stilvorlagen versehen (Absatzformate/CSS-Klassen), der Raum wird eingeteilt (Raster/Hilfslinien/Grid/Flex) usw. Welche Auswirkungen hätte das auf die Unterscheidung zwischen Buch und Web? Und uns als Gestalter:innen, die wir uns entweder als technologieverliebt oder buchaffin verorten? Geht beides?
Ein Tool, das kostenlos und für alle Betriebssysteme zugänglich ist, und darüber hinaus beliebig erweitert werden kann, eröffnet auch Raum für experimentelle Arbeitsweisen. Dies ermöglicht beispielsweise simultanes Entwerfen und eröffnet neue Wege des Austauschs und der Zusammenarbeit. Wie beeinflusst dies die Autor:innenschaft, wenn wir gemeinsam an unseren Werken arbeiten und dabei unsere Werkzeuge mitgestalten? Natürlich ergeben sich auch Herausforderungen: Wie gehen wir mit einem feststehenden Format (Doppelseite) und einem dynamischen Format (Browserfenster) um? Links? Papier?
Wir werden in diesem Kurs mit Adobe InDesign und dem Plakat (Print) starten, von dort ins Web, nur um dann wieder beim Print zu landen – print2web2print und dabei immer mit dem Fokus auf das typografische Repertoire. Der Kurs ist für alle geeignet, die sich für Bücher interessieren und gern Dinge selbst machen. Technische Kenntnisse sind absolut keine Voraussetzung, wichtig ist der Wunsch nach Autonomie und die Bereitschaft zum Experiment.

»If all you have is a hammer, everything looks like a nail.«
Querlesen
Anlässlich des Kurses Other Books and Code, in dem wir das Verhältnis zwischen den Medien Web und Print in Bezug zur Kunst des Büchermachens untersucht haben, habe ich mich intensiv mit dem Thema des Leseflusses und daher auch mit Querverweisen und Navigation auseinandergesetzt.
In der zum Kursthema entstandenen Textsammlung sind mir verschiedene Themengebiete aufgefallen, die in mehreren Texten angesprochen werden. So habe ich eine zusätzliche Sammlung an Textausschnitten zu verschiedenen Thematiken zusammengestellt, die mir als Grundlage zum Querverweisen dienen.
Demnach gibt es auf meiner Website eine Teilung in zwei unabhängig voneinander scrollbare Seiten – links/schwarz und rechts/rot. Diese Einteilung nutze ich, um die zwei verschiedenen Sammlungen abzugrenzen und die Verweise hervorzuheben. Schwarz stellt dabei einen Bezug zum Haupttext her. Rot hingegen zu allen Inhalten, die sich vom Haupttext aus verlinken lassen, sprich die Textausschnitte zu den Thematiken, Noten und das Literaturverzeichnis. Der Einsatz von Hyperlinks erleichtert die Navigation durch die Texte und bietet eine angenehme Abwechslung zum beim Buch sonst bekannten endlosen Blättern.
In Anlehnung an die Idee, dass jeder in der Lage sein soll, die Website zuhause auszudrucken, ist mein Printprodukt im gängigen A4-Format gehalten. Außerdem habe ich statt Farbe verschiedene Schriftarten für die Verweisungen genutzt. So bleibt der Effekt der Zweiteilung und dem Querverweisen bestehen, der Zweck des Individualdrucks allerdings auch erhalten.
Inhalt
Thematiken

Architektur

The use of the grid system implies:
the will to systematize, to clarify
the will to penetrate to the essentials, to concentrate
the will to cultivate objectivity instead of subjectivity
the will to rationalize the creative and technical production processes
the will to integrate elements of colour, form and material
the will to achieve architectural dominion over surface and space
the will to adopt a positive, forward-looking attitude
the recognition of the importance of education and the effect of work devised in a constructive and creative spirit.
… mehr unter About Grids

Aside from the play of colors, the question Greiman poses for herself with »From the Center: Design Process at ScI-Arc« is: can a page approximate the nature of the three-dimensional world? Can a page approach architecture? The answer to this question appears in her radical treatment of texts.
… mehr unter Bodies of Colors

Woraus lassen sich nun grafische Konfigurationen herleiten, wenn man nicht auf gängige Typologien bauen kann oder will? Zur Veranschaulichung meiner Praxis nehme ich Anleihen aus der Architekturtheorie. Dort wird dem »Typus«, der konventionalisierten Lösung, der »Topos« als Quelle der Form gegenübergestellt. Der griechische Ausdruck »Topos« meint Ort, kann aber in einem weiteren Sinne auch Raum bedeuten, sodass sich sowohl Assoziationen zur konfigurierenden Anordnung wie zum individuellen räumlichen Kontext ergeben. Der »Typus« hingegen entspricht den oben geschilderten Typologien. Oder mit den Worten des Architekturtheoretikers Tomás Valena: »Der Typus tendiert zum Optimalen, Idealen, Allgemeingültigen.« »Wenn Typus das Allgemeine bedeutet, dann bedeutet Topos das Individuelle, das Besondere und Einmalige.« »Die kontextuellen Besonderheiten sind nur am jeweiligen Ort gültig und relevant. Tendiert der Typus zum Idealen, so konfrontiert uns der Topos mit der Realität.«
… mehr unter Inhalt und Gestaltung im Buchraum

Das Buch, das ich immer öfter sehe, gibt sich als Ausschnitt einer Welt aus, die sich über das Buch hinaus erstreckt; die Abbildung wird nicht, als isolierte und formal begrenzte Fläche, in die Architektur der Seite aufgenommen. Oft sind Details oder Texte als Fenster auf ganzflächige Abbildungen oder Farbflächen gesetzt. Bei Stéphane Mallarmés Un coup de dés – übrigens ein rein typografisches Buch – bot die Doppelseite eine neue »landschaftliche« Erfahrung des Universums durch die Bedeutung des Gedichts hindurch. Doch das neue Buch wird eher wie jenes von Weiner sein: städtisch.
… mehr unter Parenthese

Buch von morgen

Being in this enormous library surrounded by books from the very beginning until basically today made me realize books are made for the future. The unchangeable or frozen information is the key to understanding the past and the future. This is especially important now, because making books is no longer self-evident. One of the most important debates of our time concerns whether books can survive.
I don’t think the book needs to be defended, by the way, it’s been one of the most stable media for over 600 years.
… mehr unter The Relevance of the Book

The future of the book as a means of communication is itself in the balance. Perhaps it has already been lost to the more »democratic« emotions of popular music. More and more information, once the domain of books, is being transferred to computer disc and microfilm. You cannot browse through data banks.
… mehr unter Designing Books

Ergibt es Sinn, über ein altbewahrtes Medium gestalterisch neu nachzudenken? Kann und soll es zeitgenössisch gestaltete Bücher geben? Wie kann aus einem Buch wieder etwas Fremdes und Unvertrautes werden?
Anhand solcher Problemstellungen begann ich vor fünfundzwanzig Jahren mit etwas, das ich heute »konzeptionelles Buchgestalten« nenne. Darunter verstehe ich zunächst einmal den Versuch, Strukturen des Inhalts im weitesten Sinne mit der spezifischen Struktur des Buches in Einklang und intensiven Dialog zu bringen – ausschließlich mit grafischen Mitteln und dabei die Potenziale des Mediums zu erweitern.
… mehr unter Inhalt und Gestaltung im Buchraum

Ich denke, dass das Buch von morgen kein »Lesebuch« im traditionellen Sinn mehr sein wird. Die Seite wird immer seltener eine architektonische Struktur aufweisen. Die Ränder – die im Grunde architektonische Elemente sind – werden allmählich ihre schützende und den Text strukturierende Bedeutung verlieren. Die (Doppel-)Seite wird zunehmend als ein Ganzes aufgefasst werden, als ein Raum, in dem Text- und Bildelemente gleichsam appliziert werden.
… mehr unter Parenthese

(De)Konstruktion

Zentral ist nun, dass Lissitzky darauf hinweist, dass die avantgardistische »Sprengung« auf die typographische Seite beschränkt geblieben sei; die plane zweidimensionale Seite (des Buchs, Plakats, der Zeitung) sei Gegenstand der theoretischen Reflexion und der (konkret) gestalterischen Dekonstruktion gewesen, nicht aber das dreidimensionale Buch. Dieses bleibe weitgehend intakt, weil bisher »für das Buch als Körper keine neue Gestalt« gefunden worden sei. Eine Sprengung des Buches als dreidimensionales Objekt habe gar nicht stattgefunden, denn es sei die aktuelle Arbeit an der Seite »im Innern des Buches noch nicht soweit, um […] die traditionelle Buchform zu sprengen.«
… mehr unter Buch als Objekt ist ein Blindspot

The use of the grid as an ordering system is the expression of a certain mental attitude in as much as it shows that the designer conceives his work in terms that are constructive and oriented to the future. This is the expression of a professional ethos: the designer‘s work should have the clearly intelligible, objective, functional and aesthetic quality of mathematical thinking.
His work should thus be a contribution to general culture and itself form part of it. Constructive design which is capable of analysis and reproduction can influence and enhance the taste of a society and the way it conceives forms and colours. Design which is objective, committed to the common weal, well composed and refined constitutes the basis of democratic behaviour. Constructivist design means the conversion of design laws into practical solutions.
… mehr unter About Grids

But not everything programmable needs to be executed by machines. The imperfection coming from humans can create interesting details a machine would avoid. Suprematism, Constructivism, and De Stijl would have been extremely boring if not painted by humans but printed by machines. Executing programs by humans also have a collaborative dynamic that can add interesting interpretations within the parameters of the rules2.
… mehr unter Working without Grids

LB: […] However, the great majority of communication design does not move with this vision of the Zeitgeist. Instead, graphic design has been working to various historically-linked sets of fixed rules; in particular, we still feel the effect of the 1950s Swiss school which became the 1960s International Style, and its rationalist approach still pervades much of what we see (every airport in the world that I’ve been to, for example). This reductive approach has been pushed to the point at which all over the world rule books enshrine what type in what sizes should be used in any given situation faced by corporate life.
… mehr unter About Intuitive Design with David Carson

LB: […] We do seem to have some debate here about the politics, or the philosophy perhaps, behind the »look« of a designer’s work. I think that if you look at many of the design movements, be it Bauhaus or Swiss graphics, then so often we have had a heavy order being projected in design theory, a sense of rigorous control. This is not apparent in your work. So what values are you projecting?
DC: Doing things in some constant, orderly way seems to me horribly irrational: if it was rational once it certainly isn’t today.
… mehr unter About Intuitive Design with David Carson

LB: […] Why do you think there is a tendency to what has been described as »deconstruction« graphics? What’s going on—is this the Zeitgeist from where you are standing?
DC: The first time I came across deconstruction was when I read the word in a piece about my work. I’ve been doing magazines for ten years, there’s been an environment of experimentation for me in that period, and I suppose various schools also experienced this at some points. The changing technology is relevant to a point. Actually people make these comparisons sometimes with Ray Gun, where I feel the work I do is actually very dissimilar, with different concerns, in a different category to the work that came out of those schools, you look at the opening spreads of articles in Ray Gun, and to an extent Beach Culture, the work has become much more personal, not something that you can teach. Sometimes it is too personal. The focus of my work has become quite dissimilar in theory and practice to those schools. Perhaps some of the small regular sections of Ray Gun, which are often done by an intern, the content is not explored as much and there is more of a style work: when you do that there is a lot of similar formal experimentation.
… mehr unter About Intuitive Design with David Carson

Images and text run across the fold, providing an extraordinary kinetic effect when leafing through the book.
Anyone could see that these postage stamp books paid no heed to the generally proper and respectable design of the earlier volumes, which had also been produced in a somewhat smaller format (IB still shows preference for broader book formats in her work today). The personal freedom of the designer, which up until then had been limited to trendy magazines, posters and covers, now manifested itself in a serious catalogue for collectors. The rules of readability were provocatively violated: these post modern books tend towards autonomous design, while their function as a reference work becomes secondary.
… mehr unter About Irma Boom’s Living Archive

Dimensionalität

Are books nostalgia, relics from another time? The answer lies in the hands of the new generation. It is precisely young students who are mainly active in the digital world who are discovering the book as a source of exclusive information today. The »no screen« is a new dimension to them and reading is literally a rediscovery of the materiality, tactility, the smell of paper and ink.
… mehr unter The Relevance of the Book

Dreidimensionalität (Raum) scheint als metaphorischer Spender für Zweidimensionalität (Fläche) nur deshalb in Frage zu kommen, weil die dritte Dimension des Untersuchungsgegenstands gar nicht in Frage steht. Und ist erst einmal die Dreidimensionalität als mächtige Metapher für die Zweidimensionalität installiert, lässt sich leicht übersehen, dass die Dreidimensionalität auch einen »wörtlichen« Sinn hatte.
Für weite Teile der theoretischen Reflexion über textuelle Materialität ist das Buch als bloß zweidimensionale Seitenfläche von einem Bildschirm überhaupt nicht zu unterscheiden. Um es etwas zuzuspitzen: Bis in die Gegenwart wurde das Buch theoretisch meist so diskutiert, als ob es sich auch um den Bildschirm eines avancierten »E-Book-Readers« handeln könnte.
… mehr unter Buch als Objekt ist ein Blindspot

Diesen Raumverhältnissen im kleinen Bereich stehen diejenigen im grösseren Bereich von bedruckten und unbedruckten Flächen gegenüber. In ihnen drückt sich die Beziehung der bedruckten Flächen zum Grundformat aus. Es gibt keine Beurteilung typografischer Arbeiten ohne die Berücksichtigung von »Positiv« und »Negativ«. Dies gilt auch für den dreidimensionalen Raum.
… mehr unter Grade der Ordnung

The grid divides a two-dimensional plane into smaller fields or a three-dimensional space into smaller compartments. The fields or compartments may be the same or different in size. The fields correspond in depth to a specific number of lines of text and the width of the fields is identical with the width of the columns.
… mehr unter About Grids

The grid is used by the typographer, graphic designer, photographer and exhibition designer for solving visual problems in two and three dimensions. The graphic designer and typographer use it for designing press advertisements, brochures, catalogues, books, periodicals etc., and the exhibition designer for conceiving his plan for exhibitions and show-window displays.
… mehr unter About Grids

Aside from the play of colors, the question Greiman poses for herself with »From the Center: Design Process at ScI-Arc« is: can a page approximate the nature of the three-dimensional world? Can a page approach architecture? The answer to this question appears in her radical treatment of texts. Already, from the »19th Amendment Commemorative Postage Stamp« project on, it is hard to keep Greiman’s typefaces in place. They seem to posses a kind of eagerness to play multiple roles, to dance, to be part of, as well as so much signage pointing to the action. But with »From the Center: Design Process at SCI-Arc« texts respond, form a kind of intimate circuit with the images. Sometimes they copy, sometimes they hollow out in precisely the shape of the architectural image they refer to. Sometimes they seem to simply generate from out of themselves their own structure giving a whole new sense to a »column« of text.
… mehr unter Bodies of Colors

Wie kann man den inhaltlichen Strukturen, ob bekannt oder nicht, durch ihre Gestaltung im Buchraum Rechnung tragen? All diese Fragen setzen die Einsicht voraus, dass auch Bücher in ihrer selektiven und konstruktiven Kraft nicht »harmloser« als andere Medien sind. Dieses manipulatorische Potenzial gilt es zu erkennen, zu nutzen und im Rahmen der Gestaltung auch aufzuzeigen. Dabei darf nicht vergessen werden, dass Medien generell Inhalte einerseits unterschiedlich darstellen und verknüpfen, sie andererseits auch unterschiedlich unterbrechen und verdecken. Auch Buchgestalter sind immer mit Inhalten konfrontiert, die jeweils bereits medienspezifisch konfiguriert sind. Sie sollten in Anordnungen gebracht werden, die sich bloß mit den genuinen Mitteln des Buches erzielen lassen.
Für einen solchen Ansatz des Gestaltens ist es unabdingbar, den medialen Raum des Buches als eine vielschichtige Voraussetzung zu begreifen. Es erscheint mir daher notwendig, diesen Raum aus vier verschiedenen Blickwinkeln zu beleuchten.
… mehr unter Inhalt und Gestaltung im Buchraum

Die (Doppel-)Seite wird zunehmend als ein Ganzes aufgefasst werden, als ein Raum, in dem Text- und Bildelemente gleichsam appliziert werden. Um sie trotzdem auf eine bestimmte Weise zu artikulieren und formal zu begrenzen, wird man diese Elemente, wie vorhin erwähnt, mit frames oder »Rahmen« versehen.
Die einzelne Seite als Gebäude wird Platz machen für die Doppelseite als unbegrenzter Raum. Das Panorama-Buch – so könnte man es nennen – wird mit Details von Abbildungen oder Referenzabbildungen oder Textfragmenten gefüllt, jeweils ausgewählt und platziert vom Entwerfer.
… mehr unter Parenthese

Digitale Welt

I don’t think the book needs to be defended, by the way, it’s been one of the most stable media for over 600 years. Are books nostalgia, relics from another time? The answer lies in the hands of the new generation. It is precisely young students who are mainly active in the digital world who are discovering the book as a source of exclusive information today. … mehr unter The Relevance of the Book

The monumental book appeared in May 1996: 2136 pages presenting a nonacademic history of the company in reverse chronological order by means of widely varying material, such as photos, reports, advertisements and other archival documents. IB and Pijnappel do not skirt around the painful departure of SHV Makro from South Africa in the mid-1980s, forced by a Dutch action group’s arson attacks, which brought SHV much negative publicity at the time. This is a book made for non-linear reading, for browsing, and page numbers are therefore deemed unnecessary. That »digital« characteristic is strengthened by the rendering of the wide variety of images as if they were stills from a video. Lots of more or less hidden graphic treasures await discovery here. The title on the white linen cover, for example, becomes visible only after intensive use. Truly spectacular are the printed hidden foreedge images: fanned slightly in one direction the edge shows a field of tulips, in the other Gerrit Achterberg’s poem Bolero van Ravel. This exploration of the edge has become one of IB’s trademarks.
… mehr unter About Irma Boom’s Living Archive

In der heutigen digitalen Kommunikation ist die Entwicklung eines Zeichensatzes aus Emojis ein Ansatz für eine Verständigung auf internationaler Ebene, die nicht an bestimmte Schriftsysteme gebunden ist, welche im kulturellen Kontext erlernt werden müssten. Trotzdem muss auch hier betont werden, dass ein Konsortium, welches die Aufnahme und die Gestaltung neuer Zeichen in den Unicode bestimmt, über diese entscheidet. Es ist unmöglich, alle Menschen mit ihren kulturellen sowie individuellen Hintergründen durch eine solche Gruppe zu repräsentieren und abzubilden.
… mehr unter Schrift zwischen Patriarchalismus und Emanzipation

In 2014, German media theorist Florian Cramer dissected the various meanings of the term »post-digital«. One of them was »the contemporary disenchantment with digital information systems and media gadgets.« The Learn to Code meme suggests that disenchantment does not only revolve around the tools of the trade, but also around the trade itself. Coding, in the light of retraining, doesn’t seem to be so emancipating.
Another understanding of post-digital Cramer highlighted has to do with the revival of old media. This might be a bit of a stretch, but what is more »old media«, more 20th-century, than the idea of a workforce to be forged for the good of the nation? Of course, the Learn to Code narrative hints at the fact that jobs, skills and aspirations do not exist in a vacuum. However, due to a combination of disenchantment with programming and old-media labor rhetoric, coding emerges as a post-digital manifestation of capitalist realism, forcing graphic designers, journalists and coal miners alike to deal with their situations.
… mehr unter Coding as a Playground

All of these programming practices have a certain ethic in common, a programming culture that is not solely technical. The place occupied by programming in the field of graphic design today cannot be fully understood without understanding its connection to the culture of free software that originated in computing. In his 2012 text, Kévin Donnot already mentioned free software and hacking as a noteworthy aspect of programming. Ten years later, one can see that free and open source culture has spread widely through the world of digital graphic design.
One of the most important aspects of free software culture is the possibility of having access to the code of the program or software one is using.
… mehr unter Programming in Graphic Design

Over the last ten years, the increasing diversity of digital devices has led to the multiplication of both sizes and types of screens upon which web pages can be displayed (computers, tablets, smartphones, but also projectors, televisions, etc.). The conditions of consultation of any given site therefore vary considerably from one reader to another. One of the main characteristics of the design of a website is to adapt the design (functionalities, interactions, and layouts) to the different parameters or characteristics of the device on which the site will be displayed, as well as the environment in which it will be consulted.
… mehr unter Programming in Graphic Design

In order to open up digital culture to a greater number of graphic designers, it is therefore necessary to consider hybrid approaches that allow the relationships between code, tools, and graphic design to be understood in a collective manner.
… mehr unter Programming in Graphic Design

Amber Weaver: Hi Talia, it’s a pleasure to speak with you! Cotton is a brand new agency, and I’d love to know more about its conception.
Talia Cotton: […] The inception of Cotton came following a period of a couple of years of traveling internationally giving talks about my work as a designer/coder. In the process, I had the privilege to meet and hear from a wide range of audiences: from students to CEOs, designers to developers, in small group settings and thousand-seater venues. I noticed a catch-22 in the design world: more and more designers were graduating with a knowledge and passion for coding. Likewise, more and more client companies were becoming digital-first or driven by technology. In contrast, I also noticed that studios were scrambling to understand how to guide technology-driven projects. It’s a skill that takes years of exposure to become an expert at, and there was a lot of bewilderment around it.
… mehr unter About Creative Coding with Talia Cotton

AW: What’s your software workflow when coding, and why does it work for you?
TC: […] To me, the best designs are the simplest designs. All they need is a strong concept. As far as workflow goes, unlike teams that separate the design and development process, I dive into code as quickly in the design process as possible. Just as when you move a sketch pen-and-paper into something digital it starts to fell different, the same works for a sketch that is static and then coded.
… mehr unter About Creative Coding with Talia Cotton

AW: With the rise of AI, Blockchain and new technologies, where do you see creative coding fitting into the graphic design industry over the next 5-10 years?
TC: Creative coding is here to stay, for now. Generally speaking, with the rise of technology comes a rise in designers who design for and with that technology. That’s a truth that has defined our industry since its very beginning. The invention of movable type is a heavily quoted example. The release of the first personal computer is another good one. So as these new technologies drive more of the workforce, design will follow.
… mehr unter About Creative Coding with Talia Cotton

Lesbarkeit

Im Satz entstehen weitere Raumbeziehungen durch die Wortabstände. Dies ist das rhythmische Geschehen innerhalb einer Zeile, also in der Leserichtung von diesen Verhältnissen hängt auch weitgehend die Lesbarkeit einer Schrift ab. Mit der Breite des Zeilenbandes (Mittellängen) und dem optischen Durchschuss werden die aufeinander bezogenen Raumverhältnisse auf die Satzfläche ausgeweitet.
… mehr unter Grade der Ordnung

The grid divides a two-dimensional plane into smaller fields or a three-dimensional space into smaller compartments. The fields or compartments may be the same or different in size. The fields correspond in depth to a specific number of lines of text and the width of the fields is identical with the width of the columns.
The depths and the widths are indicated in typographic measures, in points and Cicero. The fields are separated by an intermediate space so that on the one hand pictures do not touch each other and legibility is thus preserved and on the other that captions can be placed below the illustrations.
… mehr unter About Grids

LB: You have come out with a line that »we shouldn’t confuse legibility with communication«. Is that a common problem? Have people become hung up on irrelevant rules of what they think governs legibility?
DC: Just because something is legible doesn’t mean it communicates; it could be communicating completely the wrong thing. Some traditional book titles, encyclopedias, or many books that young people wouldn‘t want to pick up, could be made more appealing. It is mostly a problem of publications sending the wrong message or not a strong enough message. You may be legible, but what is the emotion contained in the message? That is important to me.
… mehr unter About Intuitive Design with David Carson

The personal freedom of the designer, which up until then had been limited to trendy magazines, posters and covers, now manifested itself in a serious catalogue for collectors. The rules of readability were provocatively violated: these post modern books tend towards autonomous design, while their function as a reference work becomes secondary.
… mehr unter About Irma Boom’s Living Archive

Lesen

And even though we read them printed on paper and you will very likely read them emblazoned on a screen, do you know what, Fiona?
It doesn’t matter, because no matter what the typography does (or doesn’t do), and no matter what the print is (or isn’t), words are just ideas waiting to be read. And reading will never die. Reading is your ticket to the world.
… mehr unter Print ain’t dead yet

It is precisely young students who are mainly active in the digital world who are discovering the book as a source of exclusive information today. The »no screen« is a new dimension to them and reading is literally a rediscovery of the materiality, tactility, the smell of paper and ink.
… mehr unter The Relevance of the Book

Information presented with clear and logically set out titles, subtitles, texts, illustrations and captions will not only be read more quickly and easily but the information will also be better understood and retained in the memory. This is a scientifically proved fact and the designer should bear it constantly in mind.
… mehr unter About Grids

LB: But what you all have in common is that you work in the same period of time with similar new technology. And you are all exploring the fact that this mass media culture we are in now is a very different one from that of 20 years ago, now we have so much more television, computers doing all sorts of things with CD-Rom, Internet… we are aware that we are not dealing with the same linear presentation of information, which you get from a film or program or a book (not that people necessarily read books that way). We have come to the awareness of the immense choice we have in all media, and the ways in which we browse, or graze, on this material. This appreciation of the very different way in which we take in information today, and how it is changing fast to something different tomorrow, this seems to be interacting with the way of transmitting the information. It determines the chopped-up, repeated styles of news broadcasts, the hot points on an Internet page—or perhaps the self-conscious order and disorder in new graphics.
DC: […] I’m certainly not the only one who is realizing that the visual orientation of people is changing, that they are reading less—and I don’t say that is good or bad, but as a designer you address that, CD-Roms, the Internet, the thousands of television stations: you interact with all this in a different way.
… mehr unter About Intuitive Design with David Carson

The Romans invented the codex form of the book, folding the scroll into pages which made reading and handling the document much easier.
Legend has it that Julius Caesar was the first to fold scrolls, concertina-fashion, for dispatches to his forces campaigning in Gaul. Scrolls were awkward to read if a reader wished to consult material at opposite ends of the document. Also, only one side of a scroll was written on, while both sides of the codex page were used.
… mehr unter Origins of the Book

It is important to remember that as a designer you are working not only with a different temporal requirement, but, in most cases, a more deliberate and personal kind of expression. With this in mind, the design has to strike the right balance between passivity and intrusion. In the case of magazines that are around for a limited period, the design of an article or feature must immediately encourage the reader to read it. You can never take it for granted that this will happen. With books, you can, or at least you should be able to. Book design must support the act of reading its printed pages, which naturally demands more time than it takes to get through a double-page spread in a magazine.
Space is as important a factor in a book as it is anywhere else. The design must be finely weighted so that the type has an impressive overall appearance, but not so much that it encourages the reader to stare at the page at the expense of the words themselves.
… mehr unter Designing Books

Materialität von Papier

Are books nostalgia, relics from another time? The answer lies in the hands of the new generation. It is precisely young students who are mainly active in the digital world who are discovering the book as a source of exclusive information today. The »no screen« is a new dimension to them and reading is literally a rediscovery of the materiality, tactility, the smell of paper and ink.
… mehr unter The Relevance of the Book

Beispiel: Ein zweisprachiges Sachbuch über Typografie, das nicht angeschaut, sondern gelesen sein will; fast quadratisch, 278×295 mm; auf schweres, augenfeindlich ultraweißes, mattgestrichenes Papier gedruckt; bei 256 Seiten 1,95 kg schwer; asymmetrische Typografie, größere Textmengen in schmalen Spalten, Flattersatz, konsequente Kleinschreibung; viel weißer Raum und viele Abbildungen, die lediglich zu informieren haben, also keinen Eigenwert besitzen und deshalb fast durchwegs auch kleiner hätten reproduziert werden können. Funktionalistisch? Ja. Funktionell, d. h. die Funktion bestmöglich erfüllend, bequem lesbar? Nein.
… mehr unter Typografie zwischen Symmetrie und Asymmetrie

There is another side to book design which does not usually arise in magazine work—the choice of paper stock. The texture of the paper should support the book’s literary style and the typeface(s) chosen for it.
… mehr unter Designing Books

Die gängigen gestalterischen Problemstellungen gehen vom Pol der Modulation aus: Dazu zählen etwa Wahl der Schrift, der Proportionen oder die Spezifikation des Papiers. Grundsätzlich sind diese Aufgaben mehr oder weniger gut lösbar, da sie letztendlich auf einer Selektion beruhen. Konfiguration bedeutet ein gegenseitiges räumliches Bezogensein unterschiedlicher Teile aufeinander. In unserem speziellen grafischen Zusammenhang handelt es sich dabei in erster Linie um signifikante Relationen: um das Zusammenspiel von Textkomponenten, Abbildungen und/oder ihrem papierenen Trägerfeld.
… mehr unter Inhalt und Gestaltung im Buchraum

Only in the mid-1990s would ideas about the »designer as author« really pay off. The uproar didn’t deter the CPNB (Collective Propaganda for the Dutch Book), who turned to IB to design the catalogue The Best Book Designs 1989.
She presented a rock-solid plan. By using paper that was glossy on one side and by trimming the margin slightly closer on every second leaf, she allowed the reader to flip through the leaves from front to back for the jury reports or from back to front for the full-colour glossy images of the selected works. At her request, the often blandly interchangeable jury reports for the awards were replaced with excerpts from the jury’s deliberations, providing insights into the selection process. For IB this catalogue remains one of her personal favourites.
… mehr unter About Irma Boom’s Living Archive

Ein Buch entsteht durch die feste Verbindung seiner Lagen, die wiederum ein Umschlag vor ihrer Auflösung schützt. Als visuelles und greifbares Erlebnis mag es ganz nach den Umständen, dem Licht, den Stimmungen, dem Geruch oder der Weichheit des Papiers anders wahrgenommen werden, es bleibt dennoch ein gefügtes Ganzes.
… mehr unter Massen an Büchern

Nächste Generation

Dear Fiona:
You are turning 2 in a few weeks and I think it’s high time you understood a thing or two about graphic design. After all, you are part of Generation ABC and what are ABCs, after all, but typography?
And what is typography, you ask?
A good question.
Typography is letters (and numbers) and why they look the way they do. Sometimes letters are BIG AND LOUD and sometimes letters are small and quiet. Typography can make words look good. It can also make words look bad.
But the way they look—whether they’re pink or purple or big or small or quiet or noisy or happy or scary or funny or weird, well, that’s something that comes from typography.
Which is also called type.
Which is sometimes called print.
… mehr unter Print ain’t dead yet

I don’t think the book needs to be defended, by the way, it’s been one of the most stable media for over 600 years. Are books nostalgia, relics from another time? The answer lies in the hands of the new generation. It is precisely young students who are mainly active in the digital world who are discovering the book as a source of exclusive information today. The »no screen« is a new dimension to them and reading is literally a rediscovery of the materiality, tactility, the smell of paper and ink.
… mehr unter The Relevance of the Book

Wir leben in einer Schriftkultur: Als Kinder lernen wir Lesen und Schreiben und wachsen in einer Gesellschaft auf, die angewandte Schrift als selbstverständliche Grundvoraussetzung zur allgemeinen Verständigung akzeptiert. Sie wird auch zur gesellschaftlichen Ordnung benutzt, welche beispielsweise auf allen Ebenen durch schriftliche Verträge organisiert ist. Dabei war die Schrift schon immer eng mit der Kultur verknüpft: Historisch wurden Schriftzeichen im kulturellen Kontext genutzt, um Wertvorstellungen, wissenschaftliche Erkenntnisse und geschichtliche Ereignisse, die in Niederschriften manifestiert wurden, an nachfolgende Generationen weiterzugeben.
… mehr unter Schrift zwischen Patriarchalismus und Emanzipation

Amber Weaver: Hi Talia, it’s a pleasure to speak with you! Cotton is a brand new agency, and I’d love to know more about its conception.
AC: […] The inception of Cotton came following a period of a couple of years of traveling internationally giving talks about my work as a designer/coder. In the process, I had the privilege to meet and hear from a wide range of audiences: from students to CEOs, designers to developers, in small group settings and thousand-seater venues. I noticed a catch-22 in the design world: more and more designers were graduating with a knowledge and passion for coding. Likewise, more and more client companies were becoming digital-first or driven by technology.
… mehr unter About Creative Coding with Talia Cotton

Ordnung

Typografisches Gestalten heisst Ordnung herstellen: Ordnung ist auch noch im Chaos, besonders im gestalteten Chaos. Man versuche, eine Anzahl Punkte chaotisch zu »ordnen« es wird nicht gelingen. Immer entstehen optische Beziehungen einer Gruppe von Punkten, die in einer optisch relevanten Konstellation stehen. Das absolute Chaos gibt es nicht, es gibt lediglich verschiedene Grade der Ordnung.
… mehr unter Grade der Ordnung

The use of the grid as an ordering system is the expression of a certain mental attitude in as much as it shows that the designer conceives his work in terms that are constructive and oriented to the future. This is the expression of a professional ethos: the designer‘s work should have the clearly intelligible, objective, functional and aesthetic quality of mathematical thinking.
… mehr unter About Grids

The reduction of the number of visual elements used and their incorporation in a grid system creates a sense of compact planning, intelligibility and clarity, and suggests orderliness of design. This orderliness lends added credibility to the information and induces confidence.
… mehr unter About Grids

Grids can create the feeling of order and harmony, but also of dynamism. Through the interaction between positive and negative spaces or the irregular and regular placement of elements tension can be built up.
… mehr unter Working without Grids

LB: […] We do seem to have some debate here about the politics, or the philosophy perhaps, behind the »look« of a designer’s work. I think that if you look at many of the design movements, be it Bauhaus or Swiss graphics, then so often we have had a heavy order being projected in design theory, a sense of rigorous control. This is not apparent in your work. So what values are you projecting?
DC: Doing things in some constant, orderly way seems to me horribly irrational: if it was rational once it certainly isn’t today. Bruno Monguzzi [Italian-Swiss designer] was saying this the other night. He was pointing out that the supposed rationalism of these grids and other formatting, just flowing stuff into this fixed structure, is not at all rational really given the world we live in.
… mehr unter About Intuitive Design with David Carson

LB: […] We have come to the awareness of the immense choice we have in all media, and the ways in which we browse, or graze, on this material. This appreciation of the very different way in which we take in information today, and how it is changing fast to something different tomorrow, this seems to be interacting with the way of transmitting the information. It determines the chopped-up, repeated styles of news broadcasts, the hot points on an Internet page—or perhaps the self-conscious order and disorder in new graphics.
… mehr unter About Intuitive Design with David Carson

Wir leben in einer Schriftkultur: Als Kinder lernen wir Lesen und Schreiben und wachsen in einer Gesellschaft auf, die angewandte Schrift als selbstverständliche Grundvoraussetzung zur allgemeinen Verständigung akzeptiert. Sie wird auch zur gesellschaftlichen Ordnung benutzt, welche beispielsweise auf allen Ebenen durch schriftliche Verträge organisiert ist.
… mehr unter Schrift zwischen Patriarchalismus und Emanzipation

Schriftsatz

Printing is what you do when you write letters one at a time, as opposed to script, which is when you write letters so-that-they-connect-to-each-other-like-this. Printing is also used to describe what happens when machines (called »presses«) get hold of all those words, all that typography, and actually press the letters together onto paper.
… mehr unter Print ain’t dead yet

Die alten Handschriften erreichen die höchste Individualität: Strichstärke, Punzenweite, Raum zwischen den Buchstaben, Wortzwischenraum, Breite des Zeilenbandes und optischer Durchschuss variieren selbst innerhalb einer Buchseite, wenn auch nur wenig. Am stärksten determiniert ist der Bleisatz, bei dem durch die Vorfabrikation der Typen Strichstärke, Punzenweite, Buchstabenabstand und Zeilenbandbreite feststehen – nur Wortzwischenraum und optischer Durchschuss sind frei veränderbar. Der Fotosatz erlaubt wieder grössere Variabilität – selbst die Proportionen der Buchstaben können durch Verzerrung verändert werden.
… mehr unter Grade der Ordnung

»The notion of style sheet that gave rise to the name CSS is defined as ›a set of rules that associate properties and stylistic values with the structural elements of a document, thus expressing the way in which the document is presented‹.31 This is a definition that is entirely compatible with the production of printed books. It reminds us that before the advent of DTP, the work of designers and typographers consisted in providing the printer (lead typesetting) or the operator (phototypesetting) with a set of stylistic rules and constraints that defined the template of a book and the characteristics of the blocks of type. Coding in CSS consists of providing this same information to the web browser«.32
… mehr unter Programming in Graphic Design

Sprache

We see and remember only the things that make sense to us. Based on our experience some things appear to be comprehensible and some don’t. Not everything that is logical to us is logical to someone else, because the other person has different experiences in life. The more people with different backgrounds we want to reach, the more universal the language we use has to be. Maths and physics are such universal languages. If you show a person from the other side of the world an animation using physics, this person will intuitively understand it because they’ve lived with the same physics on the same earth.
… mehr unter Working without Grids

Grids create a comprehensible visual structure that can help to distinguish different information types from each other. For example, three columns can be used for three different languages or the top row can always be used for headings.
… mehr unter Working without Grids

In the context of this book the possibility of creating a recognizable visual language with grids is very interesting. If the grid, and/or the system on how to apply the assets on the grid, is distinctive it serves as an identifiable design element.
… mehr unter Working without Grids

Die Angst, die wachsende Zahl der Bücher könne ihren Lesern den Raum zum Leben nehmen, wie sie Wolfgang Menzel schon 1828 spürt, scheint abgeklungen. »So baut sich um uns die unermeßliche Büchermasse, die mit jedem Tage wächst, und wir erstaunen über das Ungeheure dieser Erscheinung, über das neue Wunder der Welt, die cyklopischen Mauern, die der Geist sich gründet. Nach einem mäßigen Überschlage werden jährlich in Deutschland zehn Millionen Bände neu gedruckt. […] Wohin wir uns wenden, erblicken wir Bücher und Leser. Auch die kleinste Stadt hat ihre Leseanstalt, der ärmste Honoratior seine Handbibliothek. Was wir auch in der einen Hand haben mögen, in der anderen haben wir gewiß immer ein Buch.«5
Menzel, ein streitbarer Geist des deutschen Vormärz, hat es noch miterlebt, wie ein ganzes Volk in weniger als einem Jahrhundert vollständig alphabetisiert wird und die Gesamtzahl der in deutscher Sprache verlegten Bücher sich nahezu verzehnfacht, von den 2.594 Titeln im Jahr 1800 auf 18.875 Titel im Jahr 1890 anwächst.6
… mehr unter Massen an Büchern

Die Demokratisierung von Wissen – welches vor allem schriftlich gespeichert ist – ist ein ermächtigender Schritt in Richtung gesellschaftlicher Emanzipation. Deshalb stehen auch heute besonders Type Designer*innen vor der Herausforderung, inklusiv und intersektional zu arbeiten, indem sie beispielsweise Schriften gestalten, die möglichst weltweit einsetzbar sind. Der Zeichensatz der Noto Typeface von Google deckt mittlerweile mehr als 1.000 Sprachen ab. Das Bedürfnis nach einem umfassenden Language Support wird daran deutlich, dass sich die Zahl der in der Schriftart abbildbaren Sprachen 2022 im Vergleich zum Vorjahr verdoppelt hat.
… mehr unter Schrift zwischen Patriarchalismus und Emanzipation

Nüshu wird in den Medien oft als eine Art Geheimschrift beschrieben, die den unterdrückten weiblich gelesenen Personen dazu gedient haben soll, sich über ihr Leid auszutauschen. Tatsächlich war die Kommunikation alles andere als ein Mysterium, da sie keineswegs heimlich praktiziert wurde und außerdem laut vorgelesen die regionale Mundart wiedergab – ihr wurde bis dato schlichtweg kein Interesse beigemessen. Die Journalistin Ilaria Maria Sala kritisiert diesen medialen und mittlerweile auch kommerziellen Umgang mit der Geschichte: »I felt people were reading into it what they wanted, regardless of what it meant, at times for personal profit. Isn‘t this the standard definition of cultural appropriation?« Die Legendenbildung um eine geheimnisvolle Schwursprache ist ein eindrückliches Beispiel für die Instrumentalisierung des Patriarchats, die eine strukturelle Unterdrückung reproduziert und verstärkt.
… mehr unter Schrift zwischen Patriarchalismus und Emanzipation

Im Öffentlichen Raum gibt es immer mehr Bildsymbole, die das alltägliche Zusammenleben vereinfachen sollen, beispielsweise durch den Einsatz von Piktogrammen im Öffentlichen Nahverkehr, die darauf hinweisen, dass bestimmte Plätze beeinträchtigten Personen vorbehalten sind. Obwohl die verwendeten Symbole vermeintlich neutral gestaltet sind, geben sie trotzdem meist Aufschluss auf das gesellschaftliche und kulturelle Verständnis, in dem sie auftreten. So werden Frauen in Piktogrammen in westlichen Ländern meist in knielangen Kleidern dargestellt, im arabischen Raum mit Hijab. Für diese visuelle Übersetzung von heteronormativen Stereotypen in Universalsprachen gibt es verschiedene Beispiele.
… mehr unter Schrift zwischen Patriarchalismus und Emanzipation

Should this practice be within the designer’s domain? This has been a question that has elicited ongoing and heated debate for as long as I can remember. The question, simply put, is »should designers have to be able to code?« For some notable practitioners, the answer is a hard yes. One of them is John Maeda. His position is unsurprising, since he created the language Design by Numbers, Processing’s predecessor, and he could be considered a pioneer of computational design. Computational design is, according to Maeda, design that uses the fabric of anything involving computing, sensing and actuating. In his view, computational designers would not, at least in the near future, replace »classical designers« but simply work on different challenges.
… mehr unter Coding as a Playground

In a time when much is being said about the creativity of autonomous AI-powered machines, it is good to reconsider Licklider’s notion of human-computer symbiosis. When you code, you instruct the computer to execute a more or less complex task, which is then immediately performed. You do not always know what to expect: the result might awe or disappoint you, allowing you to reorient or even redefine your initial goal. Part of the symbiosis is intrinsic to the language shared by user and machine—namely, code. Creativity unfolds through this micro-iterative learning process: it is neither in the mind nor in the machine, but rather in the continuous scripted dialogue between the subject and their extensions. The computer is just one of those extensions, but a particularly powerful one, since it is, to use Alan Kay’s term, a metamedium, that is, a medium capable of simulating all others. As such the computer should be a thing that can be shaped and transformed.
… mehr unter Coding as a Playground

Design is now marked by a paradigm shift for graphic designers who must describe the possible behavior of elements using a range of principles proposed in web languages: templates, contextual style sheets, semantic structuring, the notion of flow, etc. However, the tools available today for designing visual prototypes for publication (Sketch, Figma, Adobe XD, Webflow) lack most of these principles because they are too closely modeled on DTP layout software dedicated to print and/or fixed media. Only the mastery of the technical aspect of the Web, and thus of these languages, makes it currently possible to understand its potential, and propose adapted and creative graphic forms. Graphic designers must therefore accept a certain lack of control over the forms they produce in order to suit the intrinsically fluid and open character of the Web.
… mehr unter Programming in Graphic Design

AW: Lastly, if someone was interested in learning creative coding, where is a good place to start? And do you have any tips for them?
TC: Learning creative coding is like learning a new language. You can take as many language classes as you can afford, but the best way to learn it is to immerse yourself in a place that only speaks that language. Sure, you’ll fight through uncomfortable grammatical sentences and make a few mistakes, but you’ll be learning out of necessity. And it works.
… mehr unter About Creative Coding with Talia Cotton

Tools

Standardised tools in graphic software, such as the grid, can only be changed within the narrow scope of a few predefined settings.
… mehr unter About Grids

Even if you want to work without grids, you still need visual systems. Grids are one of the most helpful inventions since communication designers had to design more than one deliverable. By limiting the options where to place text or images and in which size, so much time has been saved. Apart from being an efficient design tool, they also establish a comprehensible order that makes reading easier. Having said that, you are not obliged to use them.
… mehr unter Working without Grids

The operational word on the cover of the CATALOG is access. Ultimately that means giving the reader access from where he is to where he wants to be. Which takes work, work takes tools, tools need finding, and that’s where we come in. A good catalog is a quick-scan array of tools, where you can find what you want easily, with detailed information where you’re interested.
… mehr unter The Order of the Whole Earth Catalog

Another position is more down to earth: sure, coding skills are nice to have, a skill that facilitates the dialog with developers, but in practice, the place of graphic, UI and even UX designers is the wireframe, the mockup, the clickable prototype designed in Illustrator or (goosebumps) Photoshop; and more recently in Figma, Sketch or Invision, with the occasional venture into CSS or SASS territory.
… mehr unter Coding as a Playground

While Learn to Code turns coding into a resumé-ready skill, Code to Learn is about coding as a craft. My understanding of craft is wide-ranging: »a good job well done,« as Sennett defines it. A craft is a savoir faire that is capable of stabilizing and consolidating one’s identity. In a time when designers are urged to constantly decorate their bio with strategic labels, a craft is a reflective activity, in the sense that the crafted things and the tools for crafting are a reflection of their maker, who generally recognizes themselves in them. This is also true of coding. As Roberto Arista, creator of the Python for Designers course, puts it: Programming then can become a way to escape [the confinement of desktop publishing software], connecting different regions and patiently rebuilding the workshop within the tools that effectively destroyed these regions.
… mehr unter Coding as a Playground

One of the most important aspects of free software culture is the possibility of having access to the code of the program or software one is using. This implies a simultaneous rejection of tools and software whose mechanics cannot be inspected for the purposes of understanding both their potential and their limitations. Thus graphic designers who work with programming often seek to use free and open source software, i. e., software whose license allows the inspection, modification, and duplication of the code.24
… mehr unter Programming in Graphic Design

This culture, with its strong ethical dimension, also raises other questions. The rejection of non-open source tools can sometimes reach the level of mimicry when it comes to the culture of certain programmers, to the point of a paradoxical rejection by graphic designers of graphic interfaces28 and thus DTP software. Among other things, this contributes to aggravating the rupture between graphic designers who program and others who don’t. It is utopian to imagine that every graphic designer could code, despite the issues of open source culture being increasingly present in educational discourse. It is still necessary to invent a repertoire of intermediary tools that incorporate various modes of interaction (textual and/or graphic)29 and that make it possible to respond to the development of increasingly hybrid practices.
… mehr unter Programming in Graphic Design

Design is now marked by a paradigm shift for graphic designers who must describe the possible behavior of elements using a range of principles proposed in web languages: templates, contextual style sheets, semantic structuring, the notion of flow, etc. However, the tools available today for designing visual prototypes for publication (Sketch, Figma, Adobe XD, Webflow) lack most of these principles because they are too closely modeled on DTP layout software dedicated to print and/or fixed media.
… mehr unter Programming in Graphic Design

At the same time, these coding practices contribute to overcoming approaches arising from graphic interface software, which led graphic designers to adopt computers as their main tool in the early 1990s. However, outside of the Web, this culture of programming in graphic design is struggling to develop, as it has a very limited audience. Apart from the aforementioned examples of Prototypo and TexTuring, programs and tools dedicated to a specific project or task are difficult for non-programmers to appropriate, as they remain attached to the direct manipulation that graphic interfaces allow. In order to open up digital culture to a greater number of graphic designers, it is therefore necessary to consider hybrid approaches that allow the relationships between code, tools, and graphic design to be understood in a collective manner.
… mehr unter Programming in Graphic Design

AW: What’s your software workflow when coding, and why does it work for you?
TC: People are surprised when I tell them that many of my projects are composed of vanilla Javascript. P5 is the only library that I use on occasion, but even that I tend to avoid because it can be heavy. And frameworks are rare. To me, the best designs are the simplest designs. All they need is a strong concept.As far as workflow goes, unlike teams that separate the design and development process, I dive into code as quickly in the design process as possible. Just as when you move a sketch pen-and-paper into something digital it starts to fell different, the same works for a sketch that is static and then coded.
So I use code as a design tool.
When it comes to other software, I do often use Figma for getting information about elements that I’m turning into code, especially more complex ones like shapes with bezier curves.
… mehr unter About Creative Coding with Talia Cotton

Weißraum

Wie entsteht Ordnung in der Typografie? Durch das Aneinanderreihen von Buchstaben beginnt das Spiel der weißen und schwarzen Räume. Schon die meisten Buchstabenbilder enthalten ein Verhältnis von Strichstärke und Punzenweite. Ein Wort erweitert diese Verhältnisse durch die Räume zwischen den Buchstaben. Im Satz entstehen weitere Raumbeziehungen durch die Wortabstände.
… mehr unter Grade der Ordnung

Beispiel: Ein zweisprachiges Sachbuch über Typografie, das nicht angeschaut, sondern gelesen sein will; fast quadratisch, 278×295 mm; auf schweres, augenfeindlich ultraweißes, mattgestrichenes Papier gedruckt; bei 256 Seiten 1,95 kg schwer; asymmetrische Typografie, größere Textmengen in schmalen Spalten, Flattersatz, konsequente Kleinschreibung; viel weißer Raum und viele Abbildungen, die lediglich zu informieren haben, also keinen Eigenwert besitzen und deshalb fast durchwegs auch kleiner hätten reproduziert werden können. Funktionalistisch? Ja. Funktionell, d. h. die Funktion bestmöglich erfüllend, bequem lesbar? Nein.
… mehr unter Typografie zwischen Symmetrie und Asymmetrie

»From the Center: Design Process at SCI-Arc«, a book that includes texts and images of faculty work at the progressive architectural school, is a showcase of what colors can do other than just color. White, the background, passive meld against which words and images receive form, here pets her equal share.
No longer just a neutral surface upon which the writing is inscribed, or images put, she is rather a physical force, a body that responds to other bodies in an environment. White hugs, and curves around images. It provides a scaffolding for texts.
… mehr unter Bodies of Colors

Glamorous white space has no value in a catalog except as occasional eye rest. I figure the reader can close his eyes when he’s tired.
… mehr unter The Order of the Whole Earth Catalog

Noten

  1. Jürg Lehni programmed a tool to spray paint vector images to walls. He called his machine »Hektor.« The perfection of vectors and the imperfection of the spray paint create an interesting contrast and a distinctive visual language that could serve as a visual identity.
  2. Studio Moniker’s »Conditional Design« workshops are a good example for programmed design, executed by humans. They imposed on themselves rules, which they then executed together. The execution of Sol le Witt’s murals come to mind also, who instructed his assistants how to draw his huge murals with tiny pencils. From far the murals appear to be perfect, but from close you notice the imperfection of the human stroke.
  3. »Rastelli konnte Sachen in der Luft verstecken.« WALTER BENJAMIN: Denkbilder – Kleine Versteck-Lehre. In: DERS. Gesammelte Werke. Bd. V/1., S. 398.
  4. Cf.zur Statistik des Buchhandels u.a. HANS FERDINAND SCHULZ: Das Schicksal der Bücher und der Buchhandel. Elemente einer Vertriebskunde des Buches. Mit Tabellen. Berlin 1952. »Es gehört zum Wesen des Buches, daß es in vielen Exemplaren vorkommt.« [S. 133].
  5. Wolfgang Menzel: Die deutsche Literatur. Erster Theil. Stuttgart 1828, S1f.
  6. Schulz: Das Schicksal der Bücher…, a.a.O., S.11. 1800 – 2.594 Titel, 1860 – 7.284 Titel, 1890 – 18.875 Titel, 1913 – 35.078 Titel, 1927 – 31.026 Titel, 1931 – 20.228 Titel, 1943 – 15.567, 1950 – 18.055 Titel
  7. Schulz, a.a.O., S. 14.
  8. Schulz, a.a.O., S. 60.
  9. August Prinz: Der Buchhandel vom Jahre 1815 bis zum Jahre 1843. Bausteine zu einer späteren Geschichte des Buchhandels. Altona 1855 [Heidelberg 1981], S. 26f. Zit. n. REINHARD WITTMANN: Geschichte des deutschen Buchhandels. München 2011, S.252. Wittmann nimmt an, daß um 1850 kaum mehr als »knapp ein Viertel« der Erwachsenen überhaupt lesen konnte, gerade soviel wie der Anteil des Mittelstandes an der Bevölkerung.
  10. G. Wustmann: Der deutsche Buchhandel auf der Weltausstellung in Philadephia. In: Die Grenzboten, 1876, S.321–330. Zit. n. Geschichte des deutschen Buchhandels, S. 293.
  11. Der deutsche Sortimentsbuchhandel. In: Preußische Jahrbücher 53 [1884], S. 90.
  12. Zit. n. Geschichte des deutschen Buchhandels, S. 252.
  13. Cf. Horst Kunze: Das große Buch vom Buch. Eine Geschichte des Buches und des Buchgewerbes von den Anfängen bis heute vorgestellt in Wort und Bild. Berlin 1983, S.157.
  14. Cf. Wittmann: Geschichte des deutschen Buchhandels, S. 277.
  15. Ebd., S. 276. »Nach amtlichen Zählungen gab es 1846 in Preußen 656 Leihbibliotheken, in Sachsen 117, in Bayern 66, von denen auch in großem Umfang auswärtige, vor allem ländliche Kunden per Post beliefert wurden.« Ebd., S. 255.
  16. Otto Glagau [1883]. Zit. n. Geschichte des deutschen Buchhandels, S.275. Bestände der Leihbibliotheken cf. u.a. GEORG JÄGER/VALESKA RUDEL: Die deutschen Leihbibliotheken zwischen 1860 und 1914. Analyse der Funktionskrise und Statistik der Bestände. In: MONIKA DIMPFL/GEORG JÄGER [Hg.]: Zur Sozialgeschichte der deutschen Literatur im 19. Jahrhundert. Tübingen 1990, Teil II, S. 198-295.
  17. Rudolf Schenda: Volk ohne Buch. Studien zur Sozialgeschichte der populären Lesestoffe 1770–1910. Frankfurt/Main 1988 [3. Aufl.], S. 464.
  18. Zit.n. Franz Quarthal: Leseverhalten und Lesefähigkeit in Schwaben vom 16. bis 19. Jahrhundert Zur Auswertungsmöglichkeit von Inventuren und Teilungen. In: Die alte Stadt 2-3, 1989, S. 347. Der Autor geht von einem »normalen Buchbesitz bis zur Mitte des 19. Jahrhunderts von drei, dann zehn und selten zwanzig Büchern« aus. [Ebd., S. 342).
  19. Rudolf Schenda: Volk ohne Buch… S. 464. - »In Goethes Vaterstadt besaßen um 1800 nur die höheren Beamten so viele Bücher, daß man annehmen darf, sie hätten fünf oder mehr gebundene Druckwerke im Jahr gelesen.« [Ebd., S. 459]. Die aus der Auswertung von Inventar- und Teilungsakten gewonnenen Zahlen lassen sich nur schwer verallgemeinern. Aus durchschnittlich zehn Büchern bestand, hat HILDE NEUMANN rekonstruiert, die Hausbücherei Tübinger Handwerker im 18. Jahrhundert. Es handelte sich ausschließlich um religiöse Literatur, um Gesangbücher, Bibeln, Gebets-, Andachtsbücher und Hauspostillen. Literatur fehlte vollständig. Cf. HILDE NEUMANN: Der Bücherbesitz der Tübinger Bürger von I750 bis 1850. Diss. Tübingen 1955, S. 5ff. - In 301 untersuchten Inventaren aus den Jahren 1840–1850 fand sich nur ein einziger Nachweis für eine Goethe-Ausgabe. Die Gedichtsammlung hatte einem Uhrmacher gehört. [Ebd., S. 91].
  20. Rudolf Schenda: Volk ohne Buch… , S. 445f.
  21. Cf. Wittmann: Geschichte des deutschen Buchhandels, S. 288.
  22. Otto Mühlbrecht: Die Bücherliebhaberei… , a.a.O., S. 7, »Ein moderner Gelehrter wird in seiner Bibliothek kaum 2–3000 Bände unterbringen können, wenn er überhaupt das Glück hat, sich dauernd einen Raum dafür sichern zu können.« [Ebd., S. 7].
  23. Ebd., S. 6.
  24. On her website, graphic designer Amélie Dumont explains, for example, that she has »a very special interest for […] experimenting with code« in her projects, and that she has »only been working with free software since 2016«, as these two things go hand-in-hand. (https://www.amelie.tools/).
  25. In computer science, version-control software allows to store files and all of the modifications that have been made to them. These are very efficient tools for managing the collaborative writing of source code.
  26. Anthony Masure, »Visual Culture. Open Source Publishing, Git et le design graphique«, strabic.fr, 28 November 2014, http://strabic.fr/OSP-Visual-Culture.
  27. Frank Adebiaye, »Licencier ès lettres«, Back Office, nº 1, Paris, Édition B42 and Fork Éditions, 2017.
  28. Eric Schrijver, op. cit.
  29. Alexandre Leray and Stéphanie Vilayphiou, »About: Alan Kay, ‘A User Interface: a Personal View’«, Considering your tools. A reader for designers and developers, 2013, online, http://reader.lgru.net/texts/about-alan-kay-a-user-interface-a-personal-view/.
  30. Miriam Eric Suzanne, CSS is Rad. Resilient design on an infinite canvas, 2020, online, https://www.miriamsuzanne.com/speaking/css-rad/.
  31. Håkon Wium Lie, Cascading Style Sheets, doctoral thesis, University of Oslo, 2005, p. 77.
  32. Julie Blanc, »Si Jan Tschichold avait connu les feuilles de style en cascade : plaidoyer pour une mise en page comme programme«, in Kim Sacks and Victor Guégan (dir.), Design Arts Medias, »Systèmes : logiques, graphies, matérialités«, August 2022, online, https://journal.dampress.org/issues/systemes-logiques-graphies-materialites/si-jan-tschichold-avait-connu-les-feuilles-de-style-en-cascade-plaidoyer-pour-une-mise-en-page-comme-programme.
  33. Nolwenn Maudet, »Une brève histoire des templates, entre autonomisation et contrôle des graphistes amateurs«, in Sacks and Guégan (dir.), ibid., https://journal.dampress.org/en/issues/systemes-logiques-graphies-materialites/une-breve-histoire-des-templates-entre-autonomisation-et-controle-des-graphistes-amateurs.
  34. Olivier Lugon, »Le graphisme, ›activité totale‹: typographie, photographie, exposition«, in Collectif, Design graphique, les formes de l’histoire, Paris, Éditions B42 and Cnap, 2017, p. 79.

Literatur

Blackwell, Lewis/Carson, David (1995): The End of Print: The Graphic Design of David Carson, S. 114-119 (gekürzt), London: Laurence King Publishing
Blanc, Julie/Maudet, Nolwenn (2022): Code〈—〉Graphic design: A ten-year relationship, in: Graphisme en France, Issue 28, S. 22-29, [online] https://www.cnap.fr/sites/default/files/GEF-global-PDF-EN_compressed.pdf
Boom, Irma (2022): Book Manifest, 3rd Revised & Expanded Edition, Amsterdam: Verlag Walther & Franz König Verlag
Bose, Günter Karl (2013): Das Ende einer Last, S. 17-26, Göttingen: Wallstein Verlag
Bosshard, Hans Rudolf (1971): Einführung zur Formenlehre, S. 1 & 6, Zürich: Schul- und Büromaterialverwaltung der Stadt Zürich
Brand, Stewart (1971): The Last Whole Earth Catalog: Access to Tools, S. 435, Menlo Park: Portola Institute
Flierl, Deborah (2022): »Stereotype. Soziokultureller Einfluss von Typografie«, S. 57-65, Hamburg
Greiman, April/Janigian, Aris (2001): Something from Nothing, Michigan: Rotovision
Helfand, Jessica in: Blackwell, Lewis/Carson, David (2000): The End of Print: The Grafik Design of David Carson, Revised Edition, S. 18-19, San Francisco: Chronicle Books LLC
Hochuli, Jost (1990): Bücher Machen: Eine Einführung in die Buchgestaltung, im besonderen die Buchtypographie, S. 11-13, München/Berlin: Deutscher Kunstverlag
Koninklijk Nederlands Instituut Rome (2016): The Special Book Collection of the KNIR. URL: https://mininglibrarytreasures.wordpress.com (08.12.2023)
Lommen, Mathieu in: Boom, Irma (2022): Book Manifest, 3rd Revised & Expanded Edition, Köln: Koenig Verlag
Lorenz, Martin (2021): Flexible Visual Systems. The Design Manual for Contemporary Visual Identities, S. 69-75, Karlsruhe: Slanted Publishers
Lorusso, Silvio in: Conrad, Demian/van Leijsen, Rob/Héritier, David (2022): Graphic Design in the Post-Digital Age, S. 27-36, Eindhoven: Onomatopee
Müller-Brockmann, Josef (1996): Grid Systems in Graphic Design. A visual communication manual for graphic designers, typographers and three dimensional designers, 4th Revised Edition, S. 10-13, Zürich: Niggli Verlag
Murray, Stuart A.P. (2009): The Library: An Illustrated History, S. 29-30, New York City: Skyhorse Publishing
Nikkels, Walter (2008): Ränder/Rahmen. Über das Buch von morgen, Düsseldorf: Edition Walbaum
Pamminger, Walter (2018): Konzeptionelles Buchgestalten: Die Ästhetik des Buches, S. 10-14, Wien: Wallstein Verlag
Spoerhase, Carlos (2016): Linie, Fläche, Raum: Die drei Dimensionen des Buches in der Diskussion der Gegenwart und der Moderne, S. 23-45 (gekürzt), Göttingen: Wallstein Verlag
Weaver, Amber (2023): Fusing Design and Technology in Pursuit of Purposeful Work with Talia Cotton, in: TYPEONE, Issue 07, S. 48-57
Wozencroft, Jon (1988): The Graphic Language of Neville Brody, London: Thames and Hudson

Impressum

Other Books and Code
Querlesen
Gestaltung: Carla Moje
Schriften: Libre Caslon von Pablo Impallari, Impallari Type, 2012 & Helvetica von Max Miedinger, Linotype Design Studio, 1957
Betreuung: Prof. Heike Grebin, Jan Dufke, Simon Thiefes
HAW Hamburg, 2024